<template>
    <span>
        <div v-if="app_id == configs.app_id">
            <div>{{ configs.app_name }}（本机）</div>
            <div style="font-size: 10px;color:#aaa;">{{ app_id }}</div>
        </div>
        <div v-else-if="appsBriefData[app_id]">
            <div>{{ appsBriefData[app_id] }}</div>
            <div style="font-size: 10px;color:#aaa;">{{ app_id }}</div>
        </div>
        <div v-else>{{ app_id }}</div>
    </span>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'AppTableCellValue',
  props: {
    app_id: String,
  },
  computed: {
    ...mapGetters(['appsBriefData', 'configs'])
  }
}
</script>